// src/App.tsx
import { TokenContractProvider } from './hooks/TokenContractProvider';
import { ToastContainer } from 'react-toastify';
import 'react-toastify/dist/ReactToastify.css';
import { ConnectWallet } from './components/ConnectWallet';
import { TokenInfo } from './components/TokenInfo';
import { ClaimButton } from './components/ClaimButton';
import { WithdrawForm } from './components/WithdrawForm';

import './styles.css';

function App() {
  return (
    <TokenContractProvider>
      <div className="app">
        <header>
          <h1>VST CLAIM</h1>
         
          <ConnectWallet />
        </header>
        
        <main>
          <TokenInfo />
           <ClaimButton />
          <WithdrawForm />
        </main>
        
        <ToastContainer position="bottom-right" />
      </div>
    </TokenContractProvider>
  );
}

export default App;